<template>
  <DetailCard>
    <template #title> 基本配置 </template>
    <template #content>
      <el-descriptions class="margin-top" :column="2" :size="size" border>
        <el-descriptions-item
          :labelStyle="{
            'text-align': 'center',
          }"
          :contentStyle="{
            'text-align': 'center',
          }"
          label="厂商"
        >
          {{ typeInfo.manufacturer }}
        </el-descriptions-item>

        <el-descriptions-item
          :labelStyle="{
            'text-align': 'center',
          }"
          :contentStyle="{
            'text-align': 'center',
          }"
          label="级别"
        >
          {{ typeInfo.level }}
        </el-descriptions-item>
        <el-descriptions-item
          :labelStyle="{
            'text-align': 'center',
          }"
          :contentStyle="{
            'text-align': 'center',
          }"
          label="车身结构"
        >
          {{ typeInfo.structure }}
        </el-descriptions-item>
        <el-descriptions-item
          :labelStyle="{
            'text-align': 'center',
          }"
          :contentStyle="{
            'text-align': 'center',
          }"
          label="长/宽/高 (mm)"
        >
          {{ typeInfo.size }}
        </el-descriptions-item>
      </el-descriptions>
    </template>
  </DetailCard>
</template>

<script>
  export default {
    name: 'BasicConfiguration',
    data() {
      return {}
    },
    methods: {},
    computed: {
      ...mapState('type', ['typeInfo']),
    },
  }
</script>

<style scoped></style>
